'use client';

import { ReactNode } from 'react';
import NavBar from './NavBar';
import BottomNavBar from './BottomNavBar';

interface ResponsiveLayoutProps {
  children: ReactNode;
  active?: "home" | "discover" | "products" | "cases";
}

export default function ResponsiveLayout({ 
  children, 
  active = "home" 
}: ResponsiveLayoutProps) {
  return (
    <div className="min-h-screen bg-slate-50">
      {/* 顶部导航栏 */}
      <NavBar active={active} />
      
      {/* 主要内容区域 */}
      <main className="pb-20 md:pb-0">
        {children}
      </main>
      
      {/* 移动端底部导航栏 */}
      <BottomNavBar />
    </div>
  );
}
